window.addEventListener('pageshow', function() {
    // 获取会员中心传递过来的localStorage
    //arr2=["1", "123456", "123456", "andy", "123456%40qq.com", "123456", ""]
    //arr= ["uid", "u_password", "u_sure_password", "uname", "uemail", "uphone", "unote"]
    //console.log(window.localStorage.getItem('uid'));
    //获取元素
    var old = document.querySelector('.old'); //旧密码
    var news = document.querySelector('.new'); //新密码
    var new_sure = document.querySelector('.new_sure'); //确认新密码
    var popup = document.querySelector('.popup'); //弹窗
    var span = document.querySelector('.popup span') //弹窗里的内容
    var btn = document.querySelector('.btn'); //注册按钮
    var sure_popup = document.querySelector('.sure_popup'); // 确认窗口
    var no = document.querySelector('.no'); // 取消键
    var yes = document.querySelector('.yes'); // 确认键

    //会员中心传递过来的localStoraged 密码
    var old_password = window.localStorage.getItem('u_sure_password');
    console.log(old_password);

    var a = null;
    var b = null;
    news.addEventListener('keyup', function() {
        a = news.value; // 第一次输入密码的值
    })
    new_sure.addEventListener('keyup', function() {
        b = new_sure.value; // 第二次输入密码的值
    })

    //改变弹窗内容
    var newcom = '';

    function showPopup(newcom) {
        clearTimeout(timer);
        popup.style.display = 'block';
        span.innerHTML = newcom;
        var timer = setTimeout(() => {
            popup.style.display = 'none';
        }, 2500);
    };

    // 将用户输入的密码 与old_password 确认
    old.addEventListener('blur', function() {
        // 若不同 跳出弹窗提示
        if (old.value != "" && old.value != old_password) {
            // 输入的密码与原密码不同
            newcom = '您输入的密码与<br/>原密码不同，请重新输入';
            showPopup(newcom);
        }
    })

    // 新密码最少六位数
    news.addEventListener('blur', function() {
        if (a.length < 6) {
            newcom = '您输入的密码不够安全<br/>请输入六位数以上的数字或字母';
            showPopup(newcom);
        }
    })

    // 判断a和b的信息是否相同 若不相同 弹出提示
    new_sure.addEventListener('blur', function() {
        if (a != b) {
            newcom = '两次输入的密码不同<br/>请重新输入';
            showPopup(newcom);
        }
    })
    btn.addEventListener('click', function() {
        // 再一次判断
        if (a != b) {
            newcom = '两次输入的密码不同<br/>请重新输入';
            showPopup(newcom);
        } else {
            // 弹出确认框
            sure_popup.style.display = 'block';
            setTimeout(() => {
                sure_popup.style.transition = 'all 0.3s ease-out';
                sure_popup.style.transform = 'translateY(0)';
            }, 200);
        }
    })

    // 按下确认按钮 鼠标按下 背景变色
    yes.addEventListener('mousedown', function() {
        clearTimeout(color);
        var color = setTimeout(() => {
            yes.style.backgroundColor = ' rgba(6,193,174,1)'
            yes.style.color = '#fff';
        }, 15);
    })

    // 按下确认按钮 改变'注册'按钮的type
    yes.addEventListener('click', function() {
        btn.type = 'submit';
        console.log(btn.type = 'submit');
    })

    // 按下确认按钮 鼠标弹起 背景变色 收回确认框
    yes.addEventListener('mouseup', function() {
        clearTimeout(close);
        var close = setTimeout(() => {
            sure_popup.style.transition = 'all 0.3s ease-out';
            sure_popup.style.transform = 'translateY(100%)';
            //变回颜色
            yes.style.backgroundColor = '#fff'
            yes.style.color = '#333';
        }, 200);
    })

    // 按下取消按钮 鼠标按下 背景变色
    no.addEventListener('mousedown', function() {
        clearTimeout(color);
        var color = setTimeout(() => {
            no.style.backgroundColor = ' rgba(6,193,174,1)'
            no.style.color = '#fff';
        }, 15);
    })

    // 按下取消按钮 鼠标弹起 背景变色 收回确认框
    no.addEventListener('mouseup', function() {
        clearTimeout(close);
        var close = setTimeout(() => {
            sure_popup.style.transition = 'all 0.3s ease-out';
            sure_popup.style.transform = 'translateY(100%)';
            //变回颜色
            no.style.backgroundColor = '#fff'
            no.style.color = '#333';
        }, 200);
    })

})